import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
import {
  Icon,
  Grid,
  GridItem, Button,
  Field, CellGroup
} from 'vant'
import 'amfe-flexible'
import "vant/lib/index.css"

// Vant 中有个别组件是以函数的形式提供的，
// 包括 Toast，Dialog，Notify 和 ImagePreview 组件。
// 在使用函数组件时，unplugin-vue-components 无法自动引入对应的样式，因此需要手动引入样式。
// 【本项目使用了这个unplugin-vue-components这个插件】
import 'vant/es/toast/style';
import 'vant/es/dialog/style';
import 'vant/es/notify/style';
import 'vant/es/image-preview/style';

// 如果是本地开发环境或者测试环境开启打印调试
import VConsole from 'vconsole';
if (['test', 'development'].includes(process.env.VUE_APP_PACKAGE_TYPE)) {
  new VConsole();
}
console.log("当前的运行的环境是：", process.env.VUE_APP_PACKAGE_TYPE)


createApp(App)
  .use(store)
  .use(router)
  .use(Icon, Grid, GridItem, Button, Field, CellGroup)
  .mount('#app')
